<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="../static/jsp/echarts.min.js"></script>
    <script src="../static/jsp/china.js"></script>
    <script src="../static/jsp/jquery-1.11.1.min.js"></script>
<!--	引入web页面正常显示所需要的css样式表-->
    <link rel="stylesheet" href="../static/css/comon0.css">
</head>
<body>
<!--	设置背景-->
	<div style="background: #000d4a url(../static/img/1.jpg) center top;background-size: cover">
        <div class="back">
		</div>
        <div class="head">
            <div class="weather"><span id="showTime"></span></div>
            <a>
                <h1>全国图书销量总览</h1>
            </a>
        </div>
        <!--         设置时钟 -->
        <script>
            var t = null;
            t = setTimeout(time, 1000); /*开始运行*/
            function time() {
                clearTimeout(t); /*清除定时器*/
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.getElementById("showTime").innerHTML = y + "." + mt + "." + day + "  " + h + ":" + m + ":" + s;
                t = setTimeout(time, 1000);
            }
        </script>
        <div class="mainbox">
            <ul class="clearfix">
                <li>
<!--					设置模块：销量前10的省份、书籍和出版社-->
                    <div class="boxall" style="height: 305px; background:#FFF;opacity:0.6">
                            <div class="navboxall" id="province_top"></div>
                    </div>
                    <div class="boxall" style="height: 305px; background:#FFF;opacity:0.6">
						<div class="navboxall" id="book_top"></div>
					</div>
                    <div class="boxall" style="height: 305px; background:#FFF;opacity:0.6">
						<div class="navboxall" id="press_top"></div>
					</div>
                </li>
                <li>
<!--					展示总销售金额、订单数量、下单客户数-->
					<div class="boxall" style="height: 230px">
							<div class="num"><h1></h1></div>
							<div class="num"><h1></h1></div>
							<div class="num"><h1></h1></div>
							<div class="txt"><h2>总销售金额</h2></div>
							<div class="txt"><h2>订单数量</h2></div>
							<div class="txt"><h2>下单客户数</h2></div>
					</div>
					<div class="boxall" style="height: 705px ">
						<div class="navboxall" id="map1"></div>
					</div>
				</li>
                <li>
<!--					设置模块：书籍类别、处理速度、下单方式-->
					<div class="boxall" style="height: 300px">
						<div class="alltitle" style="color:black">书籍类别</div>
						<div class="navboxall">
							<div class="navboxall" id="book_type"></div>
						</div>
					</div>
					<div class="boxall" style="height: 300px">
						<div class="alltitle" style="color:black">处理速度</div>
						<div class="navboxall" id="speed"></div>
					</div>
					<div class="boxall" style="height: 320px">
						<div class="alltitle" style="color:black">下单方式</div>
						<div class="navboxall" id="pay"></div>
					</div>
				</li>
			</ul>
		</div>
	</div>
<!--引入所需要的js文件-->
		<script src="../static/jsp/map1.js"></script>

        <script src="../static/jsp/book_type.js"></script>
        <script src="../static/jsp/speed.js"></script>
		<script src="../static/jsp/pay.js"></script>

        <script src="../static/jsp/press.js"></script>
        <script src="../static/jsp/book_top.js"></script>
        <script src="../static/jsp/province_top.js"></script>
        <script src="../static/jsp/controller.js"></script>

</body>
</html>